<template>
	<view class="invoiceBox">
		<uv-navbar title="发票服务" @leftClick="goBack" bgColor="#277CC0" :placeholder="true"
			titleStyle="color:#FFFFFF;fontWeight:500" leftIconColor="#FFFFFF"></uv-navbar>
		<view class="listBox">
			<view class="listItem" v-for="(i,index) of listData" :key="index" @click="goDetails(i.goPage)">
                <text>{{i.name}}</text>
				<uv-icon name="arrow-right" color="#6D6D6D" size="18"></uv-icon>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				listData: [{
						name: '发票中心',
						goPage: '/pages/mine/invoiceCenter'
					},
					{
						name: '开票记录',
						goPage: '/pages/mine/invoiceRecord'
					},
				]
			};
		},
		methods: {
			goBack() {
				uni.navigateBack({
					delta: 1
				})
			},
			goDetails(pageUrl){
				uni.navigateTo({
					url:pageUrl
				})
			}

		}
	}
</script>

<style lang="scss" scoped>
	.invoiceBox {
		min-height: 100vh;

		.listBox {
			.listItem {
				height: 88rpx;
				background-color: #FFFFFF;
				padding: 0rpx 21rpx;
				border-bottom: 1px solid #EBEBEB;
                display: flex;
				justify-content: space-between;
				align-items: center;
				&:last-child {
					border: none;
				}
			}
		}
	}
</style>